import React, { Component } from 'react'
import { withRouter } from 'react-router-dom'
import Recommend from './recommend'
import Cat from './cat'
 
class SideContent extends Component {

  render() {
    let pathname = this.props.location.pathname;
    return (
      <div className='side-content'>
        {
          pathname.indexOf('signed')!==-1?
              <div><Recommend   hotSingerData={this.props.hotSingerData}/></div>
          :<div className='discover-artist-cat'>
              <Cat  type={this.props.type} catSingerData={this.props.catSingerData}  handleClickCat={ (alpha)=>this.props.handleClickCat(alpha) } flag={this.props.flag} />
          </div>
        }
      </div>
    )
  }
}

export default withRouter(SideContent)
